﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>首页</title>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<script src="js/jquery.min.js"></script>
		 <!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
   		 <!-- webfonts -->
   		 <link href='http://fonts.useso.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Rochester' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
   		  <!-- webfonts -->
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<!-- top-header -->
			<div class="top-header">
				<div class="container">
					<div class="rigister-info">
						<ul>
							<li><a href="login/login.html">登录</a></li>
							<li><a href="login/register.html">注册</a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<!-- /top-header -->
			<!-- bottom-header -->
			<div class="bottom-header">
				<div class="container">
					<div class="bottom-header-left">
						<p>The home network, the right choice for you! &nbsp;&nbsp; Welcome! </p>
					</div>
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" title="gaia" /></a>
					</div>
					<div class="bottom-header-right">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="user.html">用户中心</a></li>
							<li><a href="seller.html">卖家中心</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
						<div class="search-cart">
							<div class="search-box">
								<form>
									<input type="text" value="Search..." />
									<input type="submit" value="" />
								</form>
							</div>
							<div class="cart-box">
								<select>
									<option> 店铺</option>
									<option> 案例</option>
								</select>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
		<div class="top-nav">
			<div class="container">
				<span class="menu"> </span>
				<ul>
					<li><a href="" class="city_select">当前城市 &nbsp;[<span class="selected" style="padding:0 10px;">温哥华 </span>]&nbsp;</a>
					  <ul class="city" style="display:none; float: left; width: 500px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li>温哥华 </li>
						<li>渥太华 </li>
						<li>多伦多</li>
						<li>卡尔加里</li>
						<li>蒙特利尔</li>
						<li>魁北克市</li>
						<li>艾德蒙顿</li>
					  </ul>
				  </li>
					<li class="active"><a href="index.html">首页<span> </span></a></li>
					<li><a href="shop.html">店铺<span> </span></a></li>
					<li><a href="case.html">案例<span> </span></a></li>
					<!--<li><a href="contact.html">Contact Us<span> </span></a></li>-->
					<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
		<!--- top-nav -->
		<!-- script-for-nav -->
		<script>
			$(document).ready(function(){
				$("span.menu").click(function(){
					$(".top-nav ul").slideToggle(500);
				});
				
				$('.container li').hover(function() {
					$('ul', this).slideDown(200);
					$(".city li").click(function(){
					    var text = $(this).text();
						$(".selected").html(text)
				    });
				}, function() {
					$('ul', this).slideUp(100);	
				});
			});
		</script>
			
		<!-- /script-for-nav -->
		<!-- notices -->
		<div class="about">
				<!----- header-section ---->
				<div class="header-section">
					<div class="container">
						<h1>站内公告</h1>
					</div>
				</div>
				<!---- aboutgrids ----->
				<div class="about-grids">
					<div class="container">
						<div class="about-left-grids" style="width:100%;">
							<h2>1.公告公告公告公告公告标题1</h2>
							<p>2012/12/12</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in,</p>
							<h2>2.公告公告公告公告公告标题2</h2>
							<p>2012/12/11</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in,</p>
							<h2>3.公告公告公告公告公告标题3</h2>
							<p>2012/12/10</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in, vehicula ut metus. Proin sit amet enim at velit tincidunt luctus in eget nibh. Quisque tempor scelerisque convallis. Vivamus in accumsan dolor. Phasellus bibendum lorem a pretium molestie. Sed non tincidunt nibh.</p>
							<h2>4.公告公告公告公告公告标题4</h2>
							<p>2012/12/09</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in,</p>
							<h2>5.公告公告公告公告公告标题5</h2>
							<p>2012/12/08</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in,</p>
							<h2>6.公告公告公告公告公告标题6</h2>
							<p>2012/12/07</p>
							<p>公告内容Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit turpis, dictum nec auctor at, semper nec lectus. Aenean vitae cursus neque. Suspendisse at aliquet tortor. Donec eget laoreet lectus, ac sollicitudin diam. Nunc orci urna, sagittis vel semper in, vehicula ut metus. Proin sit amet enim at velit tincidunt luctus in eget nibh. Quisque tempor scelerisque convallis. Vivamus in accumsan dolor. Phasellus bibendum lorem a pretium molestie. Sed non tincidunt nibh.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					
			<!--page-->
			  <div class="pages">
			    <ul>
				  <li class="pre"><span>上一页</span></li>
				  <li class="page_list"><span><a>1</a></span></li>
				  <li class="page_list"><span><a>2</a></span></li>
				  <li class="page_list curr"><span><a>3</a></span></li>
				  <li class="page_list"><span><a>4</a></span></li>
				  <li class="page_list"><span><a>5</a></span></li>
				  <li class="pre"><span>下一页</span></li>
				  <li style="padding-left: 10px;">共10页,到&nbsp;</li>
				  <li><input type="number" style="width:50px; height:25px;" /></li>
				  <li>&nbsp;页&nbsp;</li>
				  <li><input type="button" style="height: 26px;line-height: 26px;" value="确定" /></li>
				</ul>
			  </div>
			  
			<script>
				$(document).ready(function(){
					$(".page_list").click(function(){
						$(this).addClass("curr").siblings().removeClass("curr");
					});
				});
			</script>
			<!--end page-->
				</div>
				<!---- aboutgrids ----->
				<!----- header-section ---->
			</div>
		<!-- notices -->
		<!-- footer -->
		<div class="footer">
			<div class="container" style="text-align:center;">
				版权所有：南京竹羽信息科技有限公司
			</div>
		</div>
		<!-- footer -->
		<!-- container -->
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='UTF-8'></script></div>
</body>
</html>

